<template>
  <div class="right-item hw-box-style-flex">
    <div class="right-content">
      <slot name="right-content"></slot>
    </div>
    <div class="right-tab">
      <slot name="right-tab"></slot>
    </div>
  </div>
</template>

<script setup lang="ts">
import { useProjectStore } from '@/store';

const store = useProjectStore();
</script>

<style lang="less" scoped>
.right-item {
  width: 100%;
  height: 100%;

  background: #343231;
}
.right-tab {
  width: 56px;
  // padding: 8px;
  background: #343231;
  box-shadow: inset 0px -1px 0px 0px #343231;
}
.right-content {
  width: 308px;
}
.right-content {
  background: #3e3c3b;
}
</style>
